<template>
  <BasicModal v-bind="$attrs" title="详情" width="750px" @ok="closeModal" @register="registerModal">
    <Description @register="registerDesc" :column="2" />
  </BasicModal>
</template>
<script lang="ts" setup>
  import { ref } from "vue";
  import { Description, useDescription } from "/@/components/Description";
  import { BasicModal, useModalInner } from "/@/components/Modal";
  import { lessonPlanDescSchema } from "/@/views/default/practical/practical.data";

  const userData = ref({});
  const [registerModal, { closeModal }] = useModalInner((data) => {
    userData.value = data;
  });
  const [registerDesc] = useDescription({
    schema: lessonPlanDescSchema,
    data: userData,
  });
</script>
